<template>
	<u-navbar :title="null" :immersive="immersive" :background="background" :border-bottom="false" :is-back="isBack">
		<view class="slot-wrap">{{ title }}</view>
	</u-navbar>
</template>

<script>
export default {
	name: 'my-navbar',
	props: {
		title: {
			type: String,
			default: '秀山县农房查询平台'
		},
		immersive: {
			type: Boolean,
			default: false
		},
		isBack: {
			type: Boolean,
			default: false
		},
		background: {
			type: Object,
			default() {
				return {
					background: '#ffffff'
				};
			}
		}
	},
	data() {
		return {};
	}
};
</script>

<style lang="scss" scoped>
.slot-wrap {
	display: flex;
	align-items: center;
	flex: 1;
	padding: 0 30rpx;
	font-size: 32rpx;
	font-weight: bold;
}
</style>
